<template>
  <div>
    <h1>Child Component</h1>
    <p>{{ message }}</p>
  </div>
</template>
<script>
export default {
  name: "ChildComponent",
  data() {
    return {
      message: "Hello from the child component!",
    };
  },
};
</script>